/* 酒店页面CSS */

/* 头部 */
header{
  height: 4rem;
}
header .headtit{
  display: flex;
  justify-content: space-between;
}
.headtit .list2{
  width: 4.33rem;
  height: .56rem;
  border-radius: .54rem;
  display: flex;
  background-color: #393484;
}
.list2 li{
  width: 2.24rem;
  height: 100%;
  border-radius: .54rem;
  font-size: .26rem;
  color: white;
  text-align: center;
  line-height: .56rem;
}
.list2 li.active{
  background-color: #615d9d;
}
header .content2{
  width: 6.9rem;
  position: absolute;
  top: 2.1rem;
  left: .3rem;
}
header .content2 ul.show{
  display: block;
}
header .content2 ul{
  display: none;
  width: 100%;
}
.content2 ul .search{
  width: 100%;
  height: .8rem;
  background-color: white;
  border-radius: .1rem;
  box-shadow: 0 .1rem .2rem .1rem rgba(0, 0, 0, .25);
  padding: .2rem .3rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .3rem;
}
.content2 ul .search span{
  font-size: .34rem;
  color: #8885b5;
}
.content2 ul .search input[type="search"]{
  width: 5.73rem;
  height: .38rem;
  border: none;
  font-size: .28rem;
  color: #c8c8c8;
}
.content2 ul li{
  width: 100%;
  height: 5rem;
  border-radius: .1rem;
  box-shadow: 0 .1rem .2rem .1rem rgba(0, 0, 0, .15);
  background-image: url(../images/hotel_pic02.png);
  background-size: 100%;
  margin-bottom: .2rem;
}
.content2 ul li>a{
  display: block;
  width: 100%;
  height: 3.08rem;
  border-radius: .1rem;
}
.content2 ul li>a img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .1rem;
}
.content2 ul li .text{
  width: 100%;
  height: 1.9rem;
  padding: .34rem;
  box-sizing: border-box;
  margin-bottom: .2rem;
}
.content2 ul li .text h5 a{
  display: block;
  font-weight: normal;
  font-size: .32rem;
  color: #333333;
  margin-bottom: .1rem;
}
.content2 ul li .text .txt{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .2rem;
}
.content2 ul li .text .txt p{
  font-size: .24rem;
  color: #a3a3a3;
}
.content2 ul li .text .txt .addr{
  display: flex;
  align-items: center;
}
.content2 ul li .text .txt .addr span{
  display: block;
  font-size: .3rem;
  color: #a3a3a3;
  margin-right: .1rem;
}
.content2 ul li .money{
  width: 100%;
  display: flex;
}
.content2 ul li .money>p{
  font-size: .32rem;
  color: #fe5863;
}
.content2 ul li .money>p span{
  display: inline-block;
  font-size: .24rem;
  color: #a3a3a3;
  text-decoration: line-through;
  margin: 0 .2rem;
}
.content2 ul li .money>span{
  display: block;
  width: .72rem;
  height: .28rem;
  background-color: #393484;
  font-size: .16rem;
  color: white;
  text-align: center;
  line-height: .28rem;
}